<!DOCTYPE html>
<html>

<head>
    <title>{$theme_vars.plate_name|default=''} {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}" />
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head" />
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <style>
        .caption-wraper {
            position: absolute;
            left: 50%;
            bottom: 2em;
        }

        .caption .caption-wraper a img {
            height: 1092px;
        }

        .caption-wraper .caption {
            display: none;
        }
    </style>
    <widgetsHead />
    <hook name="before_head_end" />
</head>

<body class="body-white">
    <include file="public@nav" />

    <div id="pageContent">
        <div>
            <h2 style="margin: 5vh  0;"> {$article.post_title}</h2>
            {$article.post_content}
        </div>
       
    </div>
    <include file="public@footer" />
    <include file="public@scripts" />
    <widgetsScript />
    <hook name="before_body_end" />
</body>

</html>
<script>
    function onShow() {
        console.log('{$article}')
    }
    onShow()
</script>
<style>
    

    .body {
        display: flex;
        flex-direction: column;
    }


    #pageContent {
        margin-top: 5vh;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0 10%;
    }
</style>